.swiper-container {
    max-height: 8em;
    padding-bottom: 0;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.content {max-width: 500px;}
.content-block {margin: 0; padding: 0 5px 0 5px;}

.intro {margin-top: 0; font-size: 0.8em;}

.card {margin: 0.5rem 0; border-radius: 0; box-shadow: none; }
.card-cover {max-height: 160px;}
.card-content-inner {padding: 0 0 0 0;}
.card-content-inner p {margin: 0; font-size: 1em;}
.card-content-inner h3 {margin: 0;}


#id_action [class*="button"],
#id_action [class*="row"],
#id_action [class*="bar"],
#id_action [class*="col-*"] {
    top: 0;
    height: 2.2rem;
    border-radius: 0;
    border-width: 0;
}
#id_action.bar-tab {height:2.2rem;}

.list-block {
    -webkit-border-radius:0.2rem;
    -moz-border-radius:0.2rem;
    border-radius:0.2rem;
    margin-top: 0;
    margin-bottom: 0;
    flex-shrink: 0;
}

.item-title {
    flex-shrink: 0;
    min-width: 30%;
}

.item-input {
    background-color: #c4c4c4;
}

.usrpic {
    margin-top: 5px;
    width: 90%;
    height: 2rem;
}

.avatar-review {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.6rem;
}

.avatar-applied-user {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.6rem;
}

.avatar {
    width: 5rem;
    height: 5rem;
    border-radius: 2.5rem;
    align-content: center;
}

.content-review {
    padding-left: 10%;
}

.panel {
    background-color: #000000;
}

#iframe_content {
    border-width: 0;
    width: 100%;
}

.hidden {
    display: none;
}

.show {
    display: block;
}

.left {
    text-align: left;
    align-content: flex-start;
    align-items: flex-start;
}

.right {
    text-align: right;
    align-content: flex-end;
    align-items: flex-end;
}

.center {
    text-align: center;
    align-content: center;
    align-items: center;
}

.qrcode {
    width: 200px;
    height: 200px;
}

.pic-left {
    display: inline;
    float: left;
}
.pic-right {
    display: inline;
    float: right;
}
.pic-center {
    clear: both;
    display: block;
    margin:auto;
}

.qrcard {
    background: #fff;
    /*box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.3);*/
    margin: 0.5rem 0;
    position: relative;
    /*border-radius: 0.1rem;*/
    font-size: 0.7rem;
}

.details {
    margin: 1rem 1rem;
}